为了账号安全,请及时绑定邮箱和手机立即绑定

jquery 总体架构

标签:
JQuery

1  jquery目录结构

代码清单 1-1 jQuery 源码(jquery-1.7.1.js)的总体结构

(function( window, undened ) {

   // 构造 jQuery 对象

   var jQuery = (function() {

       var jQuery = function( selector, context ) {

               return new jQuery.fn.init( selector, context, rootjQuery );

           }

       return jQuery;

   })();

   // 工具方法 Utilities

   // 回调函数列表 Callbacks Object

   // 异步队列 Deferred Object

   // 浏览器功能测试 Support

   // 数据缓存 Data

   // 队列 Queue

   // 属性操作 Attributes

   // 事件系统 Events

   // 选择器 Sizzle

   // DOM 遍历 Traversing

   // DOM 操作 Manipulation

   // 样式操作 CSS(计算样式、内联样式)

   // 异步请求 Ajax

   // 动画 Effects

   // 坐标 Offset、尺寸 Dimensions

   window.jQuery = window.$ = jQuery;

})(window);



2 自调用匿名函数

 

 

 

所有的jQuery源代码都在一个匿名自调用函数里面执行,这样写的好处有以下几点:

 

(1)所有代码都在局部环境不污染全局变量也不会跟其他库冲突 

(2)自调用让jQuery不用调用就会自动加载

作者还补充了两种自调用函数的方法,通过查找发现还有更多

附上网址http://www.cnblogs.com/snandy/archive/2011/02/28/1966664.html

 

3 传入了window作为参数

 

好处主要有两个:

(1)把window变成了一个局部变量,这样Jquery中访问window就可以在当前环境内找到直接使用,不需要向上查找,缩短了作用域链的长度提高了性能

(2)代码压缩方便,让jQuery体积更小(window压缩成a)

(function(a,b){ ... })(window);

// 参数 window 被压缩为 a,参数 undened 被压缩为 b

 

4 传入undefined 参数

主要是防止undefined被重写,也是方便压缩,在一些比较低版本的浏览器里面Undefined的值会被重写不是’undefined’;

  在浏览器中尝试修改 undened 的值


IE 6.0、IE 7.0、IE 8.0 now it's dened 可以改变

IE 9.0、IE 10.0 undened 不能改变

Chrome 16.0.912.77 now it's dened 可以改变

Chrome 17.0.963.56  undened 不能改变

Firefox 3.6.28  now it's dened 可以改变

Firefox 4.0 undened 不能改变

Safari 4.0.2 now it's dened 可以改变

Safari 4.0.4 undened 不能改变

Opera 11.52 now it's dened 可以改变

Opera 11.60 undened 不能改变

 

 

5 自调用匿名函数应该养成前后都加上分号的习惯表示语句结束


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消